<template>
    <div>
        <h1>vue3-js-rollup</h1>
        <h2>{{ count }}</h2>
        <button @click="increase">+1</button>
        <button @click="deincrease">-1</button>
    </div>
</template>

<script setup>
import { ref } from "vue";

const count = ref(0);

function increase() {
    count.value++;
}
function deincrease() {
    count.value--;
}
</script>

<style lang="scss" scoped></style>
